<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>钱包</title>
    <link rel="stylesheet" href="__CSS__/ming_common.css">
    <link rel="stylesheet" href="__CSS__/ming.css">
</head>

<body style="padding-top: 38px">
<header class="header">
    <a href='javascript:history.back(-1)'>
        <!--<img src="__IMG__/Return.png" alt=""></a>-->
        <img src="__IMG__/ex/back.png" alt=""></a>
<!--    <p>钱包</p>-->
    <span class="kongge"></span>
</header>
<section class="content">
    <div class="content_header">
        <div style="text-align: right">
            <select name="exchange" id="exchange">
                <option value="1">USDT</option>
                <option value="2">DACM</option>
            </select>
        </div>
        <div class="content_header_money">
            <div style="float:right">
                <img id="lookPassword" src="__IMG__/ex/downps.png" alt="" width="20rem">
            </div>
            <div>
                我的资产折合(USDT)
            </div>
            <div>
<!--                <span  style="font-size: 24px">0.00000216</span>-->
                <input type="password" value="0.00000216" id="passwd"
                       style="outline: none;border: none;font-size: 24px;background: transparent;width:45%;color: #fff;"
                       disabled>
                <span id="huilv" style="font-size: 14px;display: none;">≈0.10CNY</span>
            </div>

<!--            <div>-->
<!--                <p>USDT</p>-->
<!--                <p>{$user.z8}</p>-->
<!--            </div>-->
<!--            <div>-->
<!--                <p>DACM</p>-->
<!--                <p>{$user.z2}</p>-->
<!--            </div>-->
<!--            <p>USDRT-ERC20<span>{$user.z8}</span></p>-->

<!--            <p>ASSET  <span>{$user.z7}</span></p>-->

        </div>

        <div class="content_header_money2" style="display: none">
            <div style="float:right">
                <img id="lookPassword2" src="__IMG__/ex/downps.png" alt="" width="20rem">
            </div>
            <div>
                我的资产折合(DACM)
            </div>
            <div>
                <!--                <span  style="font-size: 24px">0.00000216</span>-->
                <input type="password" value="0.00000216" id="passwd2"
                       style="outline: none;border: none;font-size: 24px;background: transparent;width:45%;color: #fff;"
                       disabled>
                <span id="huilv2" style="font-size: 14px;display: none;">≈0.10CNY</span>
            </div>

            <!--            <div>-->
            <!--                <p>USDT</p>-->
            <!--                <p>{$user.z8}</p>-->
            <!--            </div>-->
            <!--            <div>-->
            <!--                <p>DACM</p>-->
            <!--                <p>{$user.z2}</p>-->
            <!--            </div>-->
            <!--            <p>USDRT-ERC20<span>{$user.z8}</span></p>-->

            <!--            <p>ASSET  <span>{$user.z7}</span></p>-->

        </div>
        <ul>
            <li><a href="{:U('Property/zhuanshou')}"><span style="font-size: 0.3rem">充币</span></a></li>
            <li><a href="{:U('Property/zhuanzhang')}"><span style="font-size: 0.3rem">提币</span></a></li>
            <li><a href="{:U('Property/zhuanzhang')}"><span style="font-size: 0.3rem">划转</span></a></li>
        </ul>
    </div>
    <div class="qianbao">
        <div class="title_history">
            <h5>财务记录</h5>
            <img src="__IMG__/ex/shaixuan.png" alt="" style="float: right;padding-right: .3rem;" width="20rem">
        </div>
        
        <ul>

            <volist name="coinListData" id="vo">

                <li class="bi_record">

                    <if condition="$vo['type'] eq 1">

                        <p><span>类型:</span><span>充币</span></p>

                        <else/>

                        <p><span>类型:</span><span>提币</span></p>

                    </if>

                    <p><span>币种:</span><span>{$vo['coinname']|strtoupper}</span></p>

                    <p><span>数量:</span><span>{$vo['amount']}</span></p>

                    <if condition="$vo['status'] eq 1">

                        <p><span>状态</span><span style="color: green;">已完成</span></p>

                        <elseif condition="$vo['status'] eq 2" />

                        <p><span>状态</span><span style="color: red;">审核中</span></p>

                        <else/>

                        <p><span>状态</span><span style="color: red;">已驳回</span></p>

                    </if>

                    <if condition="$vo['endtime'] eq 0">

                        <p><span>时间:</span><span>---</span></p>

                        <else/>

                        <p><span>时间:</span><span>{$vo['endtime']||date='Y-m-d H:i:s',###}</span></p>

                    </if>

                </li>

            </volist>

        </ul>
    </div>
</section>

<style>
    .header{
        background:#EC1C24;
        border-bottom: 1px solid #EC1C24;
    }
    .content_header a{
        background: rgba(91, 91, 101, .2);
        border:1px solid #dedede;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin: .1rem;
    }
    .qianbao {
        padding: 0 2.5%;
        box-sizing: border-box;
    }

    .bi_record {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        line-height: .7rem;
        font-size: .28rem;
        border-bottom: 1px solid #eaeaea;
        padding: .3rem 0;
    }

    .bi_record p {
        width: 50%;
    }

    .bi_record p:last-child {
        width: 100%;
    }

    .bi_record p>span:first-child {
        margin-right: .2rem;
    }

    .bi_record p>span:last-child {
        font-weight: 700;
    }
    /*.content_header_money{*/
    /*    display: flex;*/
    /*    justify-content: space-around;*/
    /*    align-items: center;*/
    /*}*/
    .content_header_money p{
        text-align: center;
    }
    select{
        background:#EC1C24;
        color: #fff;
    }
</style>

</body>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
    const handleLookPs = () => {
        let psFlag = true
        let ImagePs = document.querySelector('#lookPassword');
        let pwd = document.getElementById('passwd');
        let psInput = ImagePs.parentNode.children[3];
        let huilv = document.getElementById('huilv')
        console.log(pwd);
        console.log(huilv);

        ImagePs.onclick = function () {
            if (psFlag) {
                psFlag = !psFlag
                pwd.type = 'text'
                this.src = '__IMG__/ex/seeps.png';
                huilv.style.display = 'inline-block'
            } else {
                psFlag = !psFlag
                pwd.type = 'password'
                this.src = '__IMG__/ex/downps.png'
                huilv.style.display = 'none'
            }

        }
    }
    handleLookPs();

    const handleLookPs2 = () => {
        let psFlag = true
        let ImagePs = document.querySelector('#lookPassword2');
        let pwd2 = document.getElementById('passwd2');
        let psInput = ImagePs.parentNode.children[3];
        let huilv2 = document.getElementById('huilv2')
        console.log(pwd2);
        console.log(huilv);

        ImagePs.onclick = function () {
            if (psFlag) {
                psFlag = !psFlag
                pwd2.type = 'text'
                this.src = '__IMG__/ex/seeps.png';
                huilv2.style.display = 'inline-block'
            } else {
                psFlag = !psFlag
                pwd2.type = 'password'
                this.src = '__IMG__/ex/downps.png'
                huilv2.style.display = 'none'
            }

        }
    }
    handleLookPs2();

    $('#exchange').on('change',function(){
        var type = $(this).val();
        if(type == 1){
            $('.content_header_money').css('display','block');
            $('.content_header_money2').css('display','none')
        }else{
            $('.content_header_money2').css('display','block');
            $('.content_header_money').css('display','none')
        }
    })

</script>

</html>